<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>结果</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        body, html {
            background: #f1f1f1;
        }

        .main {
            position: relative;
            width: 94%;
            margin: 20px 3% 0;
            background: #FFFFFF; box-shadow: 1px 2px 1px #ddd;
        }
        header{
            line-height: 40px;
            border-bottom: 1px dotted #e6e6e6;
            padding-left: 10%;
            color: #666;
        }
        .content {
            min-height: 360px;
            text-align: center;
            position: relative;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        .content>div{
            -webkit-flex:1;
            -moz-flex:1;
            flex:1;
        }
        .content div img {
            width: 50%;
        }

        .content span {
            display: inline-block;
            margin-top: 30px;
            font-size: 1.2rem;
            font-weight: 600;
        }

        footer {
            padding-bottom: 20px;
        }

        footer button {
            display: block;
            margin: 0 auto 20px;
            border: 0;
            background: #e14054;
            color: #fff;
            line-height: 40px;
            width: 80%;
            border-radius: 4px;
        }
    </style>
</head>
<body>
<div class="main">
    <header>完成</header>
    <div class="content">
        <div>
            <img src="__PUBLIC__/pay_finish.png"/>
            <br/>
            <span>成功</span>
        </div>
    </div>
    <footer>
    <!--
        <button>
            完成
        </button>
        -->

    </footer>
</div>
</body>
</html>